body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	background-image:url(imgs/fondo.png);
	background-repeat:repeat;
}

.inputs{
	color:#663366;
	font-size:12px;
	font-weight:bold;
	display:inline;
}

.h2home{	
	color:#663366;
	font-size:20px;
	margin:auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
h2{	
	color:#663366;
	font-size:20px;
	margin-bottom:30px;
	margin-left:20px;
	text-align:left;
}
h3{	
	color:#663366;
	font-size:17px;
	margin:auto;
	text-align:center;
	margin-top:30px;
	margin-bottom:30px;
}
input{
	display:inline;
	margin:10px;
	border:none;
}

.botonpatita{
background: transparent url('imgs/boton.png');
border: 0px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-repeat:no-repeat;
height:36px;
width:115px;
padding-left:35px;
font-weight:bold;
color:#FFFFFF;
font-size:15px;
}

.botonpatitagrande{
background: transparent url('imgs/botongrande.png');
border: 0px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
background-repeat:no-repeat;
height:36px;
width:200px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
font-size:15px;
display:inline;
}

button{
	display:block;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	text-decoration:none;
}
/* sin visitar */
a:link
{
	color:#663366;
	text-decoration:underline;
	}
a:active
{
	color:#330033;
	text-decoration:underline;
	}
/* visitado */
a:visited
{
	color:#0099FF;
	text-decoration:underline;
	}
/* cuando le paso el mouse por encima */
a:hover
{
	color:#FF6600;
	text-decoration:underline;
	}
#menu {
	position:relative;
	top:-20px;
	width:1150px;
	height:20px;
	margin:auto;
	text-align:center;
	list-style:none;
	margin-left:82px;
}
#menu li{
	padding-left:1px;
	padding-right:1px;
	text-decoration:none;
	list-style:none;
	display:inline;
}
#menu li a{
	width:100px;
	font-size:12px;
	text-decoration:none;

}
#menu li a:hover{
	color:#FF6600;
	text-decoration:underline;
}
#foot {
	width:1150px;
	height:20px;
	margin:auto;
	text-align:center;
	font-size:12px;

}
	/* sin visitar */
#foot a:link
{
	color:#663366;
	text-decoration:underline;
	}
#foot a:active
{
	color:#330033;
	text-decoration:underline;
	}
/* visitado */
#foot a:visited
{
	color:#0099FF;
	text-decoration:underline;
	}
/* cuando le paso el mouse por encima */
#foot a:hover
{
	color:#FF6600;
	text-decoration:underline;
	}
#logo{
	width:150px;
	height:150px;
	margin:auto;
}

/*HOME*/
#contentHome p{
	display:inline;
}
#contentHome {
	width:1200px;
	height:570px;
	margin:auto;
	text-align:center;
}
#izq{
	margin-top:20px;
	margin-left:25px;
	float:left;
	background-image:url(imgs/izqder.png);
	width:560px;
	height:520px;
}
#der{	
	margin-top:20px;
	margin-right:25px;
	float:right;
    background-image:url(imgs/izqder.png);
	width:560px;
	height:520px;
}

/*COMO FUNCIONA*/
#content {
	width:1200px;
	height:570px;
	margin:auto;
	text-align:center;
	background-image:url(imgs/centro.png);
	background-repeat:no-repeat;
}
#comoizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:600px;
	height:350px;
}
#comoder{	
	margin-top:20px;
	margin-right:25px;
	margin-left:20px;
	float:left;
	width:480px;
	height:350px;
}

/*QUIENES SOMOS*/

#quienesizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:600px;
	height:350px;
}
#quienesder{	
	margin-top:-30px;
	margin-right:25px;
	margin-left:20px;
	float:left;
	width:480px;
	height:350px;
}

/*FAQ*/

#faqizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:600px;
	height:350px;
}

#faqder{	
	margin-top:-30px;
	margin-right:25px;
	margin-left:20px;
	float:left;
	width:480px;
	height:350px;
}

/*MAPA DEL SITIO*/

#mapacentro{
	margin-top:-20px;
	margin-left:25px;
	float:left;
	width:1150px;
	height:400px;
}

/*CONTACTO*/

#contactoizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:600px;
	height:350px;
}

#contactoder{	
	margin-top:-80px;
	margin-left:90px;
	float:left;
	width:480px;
	height:350px;
}

/*^REGISTRO*/

#registroizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:600px;
	height:350px;
	text-align:left;
}

#registroder{	
	margin-top:-80px;
	margin-left:90px;
	float:left;
	width:480px;
	height:350px;
		text-align:left;
}

#nombre
{
    width:300px;
    }
#dniMatriculaCUIT
{
    width:322px;
    }
#telefono
{
    width:353px;
    }
#domicilio
{
    width:350px;
    }
#correo
{
    width:296px;
    }
#tipoUsuario
{
    width:375px;
    }
#usuario
{
    width:357px;
    }
#contrasena
{
    width:335px;
    }
#contrasena2
{
    width:285px;
    }
#localidad
{
    width:350px;
    }
#provincia
{
    width:354px;
    }
#telefono2
{
    width:240px;
    }    
#ddlUsuarios
{
    width:322px;
    }    

#btnRegistrar
{
    margin-left:100px;
    }    

/*DATOS ANIMAL*/
#datosizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:700px;
	height:350px;
	text-align:left;
}

#datosder{	
	margin-top:-80px;
	margin-left:90px;
	float:left;
	width:380px;
	height:350px;
}
.info{
	display:inline;
}

/*MI CUENTA*/
#cuentaizq{
	margin-top:80px;
	margin-left:25px;
	float:left;
	width:300px;
	height:400px;
	text-align:left;
}
#cuentacentro{
	margin-top:30px;
	margin-left:10px;
	float:left;
	width:500px;
	height:400px;
	text-align:left;


}
#cuentader{	
	margin-top:-350px;
	margin-left:730px;
	float:left;
	width:300px;
	height:400px;


}
#bienvenido{
	/*float:left;
	margin-top:-470px;
	margin-left:-960px;
	color:Black;*/
	
	color: #000000;
    float: left;
    left: 151px;
    position: absolute;
    top: 20px;
}

#bienvenido2{
	float:left;
	margin-top:10px;
	margin-left:-765px;
	color:Black;
}

.bienvenidos{
	float:left;
	margin-top:10px;
	margin-left:-250px;
	color:Black;
}

#bienvenido3{
    height:100px;
	float:left;
	margin-top:10px;
	margin-left:-765px;
	color:Black;

}
#lsCerrarSesion
{
    float:left;
	margin-left:270px;
	margin-top:10px;

	}
#lsCerrarSesion2
{
    float:left;
	margin-left:1105px;
	margin-top:-520px;

	}
#lsCerrarSesion3
{
/*float:left;
margin-top:-300px; 
margin-left:392px;
letter-spacing:normal;*/

	float: left;
    letter-spacing: normal;
    position: absolute;
    right: 100px;
    top: 20px;
	}

#lsCerrarSesion4
{
	float: left;
    margin-left: 480px;
    margin-top: -407px;
	}
#lblNotificacion
{
    position:absolute; 
    top:200px;
     left:700px;
     font-size:15px;
     font-weight:bold;
    }
/*MASCOTA REGISTRO*/
#mascotader{
	margin-top:-350px;
	margin-left:450px;
	float:left;
	width:480px;
}

#mascotaizq{
	margin-top:-40px;
	margin-left:25px;
	float:left;
	width:600px;
	height:350px;
}

#panelOculto
{
	margin-top:100px;
	margin-left:10px;
	float:left;
	width:600px;	
}

textarea
{
	/*con esto los textbox multilineas no se pueden redimensionar*/
	resize: none;
	border:1px solid Black;
	font-family: Geneva, Arial, Helvetica, sans-serif;


}

.textbox
{
    margin-left:30px;
}

.ventanaPopUp
{
	width:250px;
	height:150px;

	border:1px solid #808080;
	background:#B4A2C7;
}

.errores
{
	color: Red;
	font-weight: 100;
	border:none;
}


#input_nombre, #input_apellido, #input_raza, #ddl_zoo, #input_porque, #ddl_cual, #input_perdidas, #input_salidas_pais, 
#input_salidas_provincia, #ddl_estado
{
 
width: 150px;
    }

#input_nombre, #input_apellido
{
width: 300px;
    
    }
#input_raza
{
    width:320px;
    }

#ddl_zoo
{
    width:240px;
    }

#input_porque
{
    width: 290px;
    }

#ddl_cual, #ddl_estado
{
    width: 325px;
    }
 #input_perdidas, #input_salidas_pais
 {
     width:190px;
     }
#input_caracteristicas
{
    width:380px;
    }

.fondoModal
{
 background-color: White;
 filter: alpha(opacity=70);
 opacity: 0.7;
}